<script setup>
import { provide, ref } from 'vue';
import FatherComp from './components/FatherComp.vue';

const money = ref(100)

provide('money', money)
provide('addMoney', (newMoney) => {
  money.value += newMoney
})

</script>

<template>
  <div class="app-page" style="border: 10px solid #ccc; padding: 50px; width: 600px">
    app 组件--钱包：{{ money }}
    <FatherComp />
  </div>
</template>

<style scoped></style>